<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/include/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>插件使用示例</title>
<d:script id="jquery,om-ui" />
<d:script path="/static/om-ui/operamasks-ui-plugin.js" />
<d:css id="om-ui" />

<script type="text/javascript">
	$(document).ready(function() {
		initUI();
	});
</script>
<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
</style>
</head>
<body class="ui-border-layout">
	<div id="east-panel" class="ui-border-layout-panel" title="右面板"
		region="east" width="150">右面板中的内容</div>
	<div id="north-panel" class="ui-border-layout-panel" title="上面板"
		region="north" height="60">上面板中的内容</div>
	<div id="center-panel" class="ui-border-layout-panel" title="中间面板"
		region="center">中间面板中的内容</div>
	<div id="west-panel" class="ui-border-layout-panel" title="左面板"
		region="west" width="250">左面板中的内容</div>
	<div id="south-panel" class="ui-border-layout-panel" title="下面板"
		region="south" height="60">下面板中的内容</div>
</html>